<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
.large
{
	font-size: 3em;
}
.fade
{
    background-color: #ddd;
    color: rgba(200,200,230, 0.2);
}
.fade:hover
{
    color: #444;
}

</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function() {
    $('.audioAvailable').click(function() {
       var audioURL = $(this).attr('href');
       
       $('#audioPlayer').html(
            '<object data="'+ audioURL +'" type="audio/mpeg" data="'+ audioURL +'" width="0" height="0">'+
                '<param name="src" value="'+ audioURL +'" />' +
                '<object '+
                    'type="application/x-shockwave-flash" '+
                    'data="http://static.tatoeba.org/dewplayer-mini.swf?autostart=1&amp;mp3='+audioURL +'" '+
                    'width="0" '+
                    'height="0" '+
                '>'+
                    '<param name="movie" value="http://static.tatoeba.org/dewplayer-mini.swf?autostart=1&amp;mp3='+audioURL +'" />'+
                '</object>'+
            '</object>'
       );
    });
});
</script>
</head>
<body>
<h1>Chinese Reading Practice</h1>
<p>These sentences are from <a href="http://tatoeba.org">Tatoeba.org</a>, and
they are arranged with the most common characters first. As your vocabulary
increases, you should be able to read farther down the list. Hover over the
gray box to see the English translation of each Chinese sentence. Some Chinese
sentences have a "Speak" link next to them that will play a recording of the
sentence. The source code is available at 
<a href="https://code.google.com/p/donkirkby/source/browse/#svn%2Ftrunk%2Ffrequency-flashcards%2Fsentence-rank%2Fsrc%2Fmain%2Fjava%2Fcom%2Fgoogle%2Fcode%2Fdonkirkby">donkirkby.googlecode.com</a>.
<span id="audioPlayer"></span></p>
<p>If you want to remember your place, click on one of the "Link here" links and
bookmark the page. Those links will also tell you the rank of the rarest 
character in that sentence.</p>
<ol>
<!-- $START-TEMPLATE$ -->
<li>
<p class="large"><a id="$ANCHOR-ID$">$CHINESE$</a></p>
<p>English: <span class="fade">$ENGLISH$</span> $NO-ENGLISH$ 
	<a href="#$ANCHOR-ID$">Link here</a> or
	<a href="http://tatoeba.org/eng/sentences/show/$SENTENCE-ID$">to Tatoeba.
	</a></p>
</li>
<!-- $END-TEMPLATE$ -->
</ol>
</body>
</html>
